<!DOCTYPE html>
<!-- saved from url=(0071)file:///C:/Users/%E6%9D%A8%E8%BF%AA/Desktop/code/cv-template/index.html -->
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>何杰林的简历</title>
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.min.js"></script>
    <script src="static/js/script.js"></script>
</head>

<body>
    <div class="container" id="cv">
        <div class="side">
            <div class="me">
                <div class="portrait"></div>

                <h1 id="username" contenteditable="true">何杰林</h1>
                <h4 id="persona-tag" contenteditable="true">Java / Web</h4>
            </div>
            <div class="profile info-unit">
                <h2 class="info-header"><i class="iconfont icon-person"></i> <span class="info-title"
                        contenteditable="true">基本信息</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">姓名</label><span class="label-value"
                            contenteditable="true">何杰林</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">学历</label><span class="label-value"
                            contenteditable="true">本科</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">毕业院校</label><span class="label-value"
                            contenteditable="true">武昌首义学院</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">毕业年份</label><span class="label-value"
                            contenteditable="true">2018</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="contact info-unit">
                <h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title"
                        contenteditable="true">联系方式</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">手机</label><span class="label-value"
                            contenteditable="true">15580220501</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">邮箱</label><span class="label-value"
                            contenteditable="true">taylor_no@163.com</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">个人主页</label><span class="label-value"
                            contenteditable="true">exit-tixe.me</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">Git</label><span class="label-value"
                            contenteditable="true">https://gitee.com/Jerryas</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="skill info-unit">
                <h2 class="info-header"><i class="iconfont icon-star"></i> <span class="info-title"
                        contenteditable="true">技能点</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="progress-list">
                    <li>
                        <label class="left-label" contenteditable="true">Java</label>
                        <progress value="90" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">html/css</label>
                        <progress value="70" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">Javascript</label>
                        <progress value="69.53125" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">JQuery</label>
                        <progress value="80" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">Vue</label>
                        <progress value="62.5" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">SSM</label>
                        <progress value="85" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">SpringBoot</label>
                        <progress value="85" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">SpringCloud</label>
                        <progress value="80" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">微信小程序</label>
                        <progress value="70" max="100"></progress>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="stack info-unit">
                <h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title"
                        contenteditable="true">技术栈</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="stack-list">
                    <li>
                        <label class="left-label" contenteditable="true">前端</label><span class="label-value"
                            contenteditable="true">jQuery、Vue、微信小程序</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>

                    <li>
                        <label class="left-label" contenteditable="true">后端</label><span class="label-value"
                            contenteditable="true">JavaEE、SSM、SpringBoot、SpringCloud、SpringCloudAlibaba</span><span
                            class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span>
                    </li>

                    <li>
                        <label class="left-label" contenteditable="true">数据库</label><span class="label-value"
                            contenteditable="true">MySQL、Redis</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>

                </ul>
            </div>

            <div class="code info-unit">
                <h2 class="info-header"><i class="iconfont icon-weixin"></i> <span class="info-title"
                        contenteditable="true">个人微信</span><span class="unit-remove" style="visibility: hidden;"><i
                            class="iconfont icon-delete"></i></span></h2>
                <hr>
                <div class="weixin">
                    <img src="static/image/weixin.png" alt="">

                </div>
            </div>

        </div>
        <div class="main">
            <div class="education info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-education"></i> <span class="info-title"
                        contenteditable="true">教育经历</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">武昌首义学院 - 计算机科学与技术（本科）2014-2018</h3>
                        <p contenteditable="true"><span
                                style="background-color: rgb(255, 255, 255); display: inline !important;">计算机网络、计算机组成原理、操作系统原理、数据库应用技术、嵌入式系统、搜索引擎技术、Java服务器应用开发技术、分布式数据库管理与开发、WEB前端开发综合实训。</span>
                        </p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                </ul>
            </div>
            <div class="work info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title"
                        contenteditable="true">工作经历</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">东莞明智科技有限公司－实习生（2018年7月-2018年10月）</h3>
                        <p contenteditable="true">
                            参与了K13在线教育系统的开发和测试，维护腾讯云点播的API接口调用，实现在线转码、添加水印、防盗链与盗播，并且开发和维护K13教育的微信小程序。</p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">东莞明智科技有限公司－正式员工（2018年10月-2019年12月）</h3>
                        <p contenteditable="true">
                            参与开发了XXX电商系统，担任后端开发角色。主要的工作是负责商品维护、全文检索、商品秒杀等模块的开发与维护，并且参与数据库设计和相关文档的编写</p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">东莞明智科技有限公司－项目组长（2019年12月-2020年7月）</h3>
                        <p contenteditable="true"><span
                                style="display: inline !important;">参与本校创新学院的Litemall微商城系统的开发，担任项目组长职务，参与了商品管理、订单管理、微信支付、购物车等模块的设计与开发。</span>
                        </p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                </ul>
            </div>
            <div class="project info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title"
                        contenteditable="true">项目经历</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">XXX电商系统</h3>
                        <p contenteditable="true">该电商系统是O2O类型的新零售电商系统，分为购物子系统、支付子系统、数据库子系统、安全子系统、库存子系统、物流子系统和财务子系统。<span
                                style="display: inline !important;">核心架构采用了SpringCloud微服务架构，整合了上述若干子系统。技术栈包括了SpringMVC、MyBatis、Activiti、Shiro、QuartZ、Sculptor
                                Boot、jabdp、jee-weapp、RocketMQ、Kafka、Selenium、Echart、Vue、Element-UI、Uni-APP、Swagger、ElasticSearch、Druid、Zookeeper，数据平台选择的是两种MySQL集群（Replication、PXC），由MyCat管理，同时对MyCat做双机热备。NoSQL采用的是Redis
                                Cluster集群和MongoDB集群</span></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">XXX K13在线教育系统</h3>
                        <p contenteditable="true">
                            该系统是针对中小学生提供的K13在线教育系统，采用的是视频点播形式，分为B/S形式和C/S形式。我主要负责的是教学视频管理业务。授课教师向K13平台上传教学视频后，经过专业人员剪辑之后，由K13平台调用腾讯云点播API接口，来实现在线转码和压缩，并且添加水印，最后生成防盗播的URL路径，渲染到HTML网页或者APP上面。该系统使用的技术栈包括SpringBoot、SpringMVC、MyBatis、SpringSecurity、Kafka、QuartZ、Flowable，该系统最终部署在腾讯云平台
                        </p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">Litemall微商城系统</h3>
                        <p contenteditable="true"><span
                                style="display: inline !important;">Litemall微商城系统是本校创新学院联合北京XX商超集团联合打造的B2C电商系统，该系统采用前后端分离的架构设计，一共分为5个子系统，分别是微商城前后台系统、商城管理前后台系统、商城核心系统。业务上具备微商城所有的功能，包括微信支付。技术架构上面后台项目选择的SpringBoot、SpringMVC和MyBatis组成的SSM框架，并且融合了Shiro、Swagger、PowerMock、阿里云等技术。前端项目采用了VUE+ElementUI技术架构，小程序采用的微信原生框架。Litemall微商城采用分布式集群部署，发布在DockerSwarm环境中，并且实现高负载、高性能和高可用。</span>
                        </p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>

                </ul>
            </div>
            <div class="trophy info-unit">
                <h2 class="info-header"><i class="iconfont icon-trophy"></i> <span class="info-title"
                        contenteditable="true">奖项与证书</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">IBM全国大学生科技创新大赛</h3>
                        <p contenteditable="true">荣获团体二等奖</p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">教育部大学生创新创业大赛</h3>
                        <p contenteditable="true">华北区团体一等奖</p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">第八届工信部蓝桥杯大赛</h3>
                        <p contenteditable="true">荣获Java方向个人赛二等奖</p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                </ul>
            </div>
            <div class="aboutme info-unit right-paragraph">
                <h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title"
                        contenteditable="true">自我评价</span><span class="unit-remove" style="visibility: hidden;"><i
                            class="iconfont icon-delete"></i></span></h2>
                <hr>
                <p contenteditable="true">
                    一个性格活泼开朗、敢于挑战新事物的Boy。<span
                        style="display: inline !important;">在校期间参与过学校社团部，组织过系部辩论赛，有一定的组织能力；也让自己的学习能力和抗压能力得到了不断的提升。在上家公司工作上认真细致，安排的任务能够按时按量完成，能很快的融入团队中去，在工作中培养了自身的学习能力和抗压能力，同时提升了自己的执行力和责任心，并且注重团队合作的重要性。</span>
                </p>
            </div>
        </div>
    </div>



    <div class="remodal-overlay remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;">
        <div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="portrait-modal"
            tabindex="-1">
            <h3 contenteditable="true">请输入图片URL地址：</h3>
            <br>
            <input type="text" id="avatar-url">
            <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
        </div>
    </div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;">
        <div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="weixin-modal"
            tabindex="-1">
            <h3 contenteditable="true">请输入图片URL地址：</h3>
            <br>
            <input type="text" id="weixin-url">
            <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
        </div>
    </div>
</body>

</html>